<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>参数</title>
<!-- 加载Query文件-->
<script src="https://code.jquery.com/jquery-3.2.0.js"></script>
<!-- 
<script type="text/javascript">
/**
 * 页面加载完成后，初始化角色查询功能。
 * 通过AJAX发送POST请求，查询符合特定条件的角色列表。
 */
$(document).ready(function() {
    // 定义查询参数对象，包含角色名、备注信息和分页参数。
    // JSON参数和类RoleParams一一对应
    var data = {
        // 角色查询参数
        roleName : 'role',
        note : 'note',
        // 分页参数
        pageParams : {
            start : 0,
            limit : 20
        }
    };

    // 发送POST请求，查询角色信息。
    // Jquery的post请求
    $.post({
        url : "./roles",
        //此处需要告知传递参数类型为JSON，不能缺少
        contentType : "application/json",
        // 将查询参数对象转换为JSON字符串，作为请求体发送。
        // 将JSON转化为字符串传递
        data : JSON.stringify(data),
        // 成功回调函数，处理查询结果。
        // 目前为空，实际使用时应解析并展示结果。
        // 成功后的方法
        success : function(result) {
        }
    });
});
</script>
 -->
<!-- 
<script type="text/javascript">
	// 页面加载完成后执行的函数
	$(document).ready(function() {
		// 定义一个数组，用于存储待删除的角色ID
		// 删除角色数组
		var idList = [ 1, 2, 3 ];

		// 发送POST请求，删除指定的角色
		// jQuery的post请求
		$.post({
			// 请求的URL，指定删除角色的后台接口地址
			url : "./remove/roles",
			// 将角色ID数组转换为JSON字符串作为请求的数据
			// 将JSON转化为字符串传递
			data : JSON.stringify(idList),
			// 指定请求的Content-Type为JSON，以便服务器正确解析请求数据
			// 指定传递数据类型，不可缺少
			contentType : "application/json",
			// 请求成功后的回调函数，此处可根据实际需要进行处理，例如显示删除成功的提示等
			// 成功后的方法
			success : function(result) {
				// 处理删除结果，例如更新页面显示等
			}
		});
	});
</script>
 -->
	<script type="text/javascript">
		/**
		 * 页面加载完成后执行的函数，用于初始化页面操作或其他需要在页面完全加载后执行的功能。
		 */
		$(document).ready(function () {
			// 定义一个角色列表的数组，每个元素包含一个角色的名称和备注信息
			// 新增角色数组
			var roleList = [
				{roleName: 'role_name_1', note: 'note_1'},
				{roleName: 'role_name_2', note: 'note_2'},
				{roleName: 'role_name_3', note: 'note_3'}
			];

			// 使用jQuery的post方法向服务器发送数据，插入角色信息
			// jQuery的post请求
			$.post({
				url: "./insert/roles", // 指定请求的URL
				// 将角色列表转换为JSON字符串格式发送给服务器
				// 将JSON转化为字符串传递
				data: JSON.stringify(roleList),
				contentType: "application/json", // 指定发送的数据类型为JSON
				// 成功回调函数，当服务器响应成功时执行
				// 成功后的方法
				success: function (result) {
					// 此处可以根据需要处理服务器返回的结果
				}
			});
		});
	</script>

 
</head>
<body>
	<form id="form" action="./common/pojo">
		<table>
			<tr>
				<td>角色名称</td>
				<td><input id="roleName" name="roleName" value="" /></td>
			</tr>
			<tr>
				<td>备注</td>
				<td><input id="note" name="note" /></td>
			</tr>
			<tr>
				<td></td>
				<td align="right"><input type="submit" value="提交" /></td>
			</tr>
		</table>
	</form>
</body>
</html>